مدونة يوسف: إضافات البلوجر

‏إظهار الرسائل ذات التسميات إضافات البلوجر. إظهار كافة الرسائل

إضافات أزرار مشاركة المواقع الإجتماعية إلى صور موقعك

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

تنوعت الطرق التى يمكن من خلالها إضافة أزرار مشاركة المواقع الإجتماعية إلى المواقع والمدونات، فالبعض يفضل إضافتها أسفل الموضوع وآخرين يفضلونها عائمة أو ثابتة بجانب الصفحة . وقدمت كثير من المواقع خدمة إضافة أزرار المشاركة الإجتماعية بشكل مباشر بأشكال مختلفة .
ولكن اليوم سأعرض طريقة مختلفة وهى إضافة أزرار المشاركة إلى جميع صور الموقع ، بحيث تظهر عندما تمرر الماوس على الصورة وتختفى بإبتعاد الماوس عن الصورة وذلك من خلال مواقع تقدم هذه الخدمة وتسهل على المستخدم إضافة الأكواد إلى الموقع أو المدونة بالإعدادات التى يحددها سنشرح كل منها بالتفصيل.

يمكن إضافة أزرار مشاركة الفيس بوك ، تويتر، جوجل بلس ، pinterest ، وغير ذلك من المواقع الإجتماعية .

يعمل بتقنية jQuery بحيث تظهر أزرار المشاركة بمرور الماوس على الصورة وتختفى بالإبتعاد عنها.

يمكن التحكم فى لون الإضافة "فاتح/غامق" بما يناسب لون الموقع.

مناسب لجميع المواقع بلوجر، ووردبريس،.....................

تركيب الإضافة لمدونات بلوجر:

إذهب إلى موقع slingpic.com ثم قم بضبط الإعدادات المناسبة للكود

1 الذهاب إلى لوحة تحكم بلوجر 2 تخطيط 3 أضف أداة 4 اختار Html/Javascript 5 إنسخ الكود الذى حصلت بعد ضبط الإعدادات المناسبة وألصقه بأداة Html/Javascript ثم حفظ

تركيب الإضافة لمدونات Wordpress

وذلك بالذهاب إلى الموقع وتحميل الأداة الخاصة بمدونات ووردبريس

بعد ذلك يمكنك رفع الأداة إلى plugins directory الخاص بموقعك.

روح و ريحان

22:07

اقرأ المزيد

افضل الطرق لتحقيق ربح عالي من Adsense

جوجل ادسنس أفضل وسيلة لكسب المال للمدونين. هذا البرنامج هو واحد من أقدم الطرق للربح من الانترنت. هناك الكثير من الناس الذين يربحون الآلاف من الدولارات شهريا بواسطة AdSense عن طريق إستعمال طرق سرية كما يقول خبراء الربح من ادسنس.

هناك 3 طرق التي يمكنك من خلالها تحقيق عائد مالي كبير من Google Adsense. السر وراء الربح من ادسنس هو انشاء مدونة تستهدف سوق واحدة. والتالى الحصل على عدد لا بأس به من الزوار المهتمين بما تقدمه من محتوى .

هنا بعض النصائح التي سوف تساعدك على الربح من ادسنس بكل سهولة. الخطوة الأولى هنا هي تحسين الإعلانات الخاصة بك وفقا لمدونتك للتحصل على أقصى قدر من الاستفادة.

تحسين إعلانات ادسنس

الموقع هو كل شيء عندما يتعلق الأمر بالربح من ادسنس . عليك أن تجد المكان المثالي حيث يمكن أن تحقق أقصى ربح. يجب وضع الإعلانات في المكان المحبب للزوار.

مكان جيد يمكن أن يكون القسم العلوي، لأن القارئ سيري الجزء العلوي عندما يدخل المدونة ، وبالتالي هذا هو أفضل مكان لوضع الإعلانات فيه.

مزج إعلاناتك وفقا لالوان المدونة او الموقع: حاول استخدام الإعلان الذي يشبه تصميم مدونتك، و الجمع بين الألوان .

إزالة الحدود في اعلانات ادسنس : إزالتها الان، لأنها لن تسمح بمزج الإعلانات مع محتوي مدونتك .

استهداف الدول المتقدمة

الناس الذين يزورون مدونتك من الولايات المتحدة وكندا وبريطانيا و غيرها من الدول الغنية يوفرون لك المزيد من عائدات ادسنس عن كل نقرة . ويرجع ذلك إلى حقيقة أن جوجل يربح أكثر من هذه الأماكن لادسنس وبالتالي فإنها ستدفع أكثر إلى الناشرين مثلنا نحن

لذلك ، حاول زيادة حركة المرور الخاصة بك من هذه الأماكن. واحدة من أفضل الطرق للحصول على حركة مستهدفة من الولايات المتحدة الأمريكية هو نشر مواضيعك على مواقع و مدونات من تلك الأماكن .

قم بالبحث عن المدونات التي تحصل على حركة المرور من هذه الأماكن .قم بالتعليق فيها وإضافة رابط مدونتك، ومصادقة صاحب المدونة ثم تطلب منه ان تكون مدون ضيف في موقعه. بمجرد الموافقة على طلبك ، وكتابة أول موضوع لك . سترى أنه تم تدفق الكثير من حركة المرور إلى مدونتك.

إنشاء مدونات متخصصة Micro Niche

المدونة المتخصصة جدا او مايسمي micro niche آخذة في الارتفاع لأنها تحقق كثيرا من الربح في ادسنس وذلك لسبب أنها تستهدف سوى جزء صغير من القراء . لذا إعلانات ادسنس تكون مرتفعة الثمن.

في النهاية، حتى الان هذه أفضل الطرق التي يمكن أن تجعلك تربح أكثر من أي وقت مضى بواسطة جوجل ادسنس.

إذا كنت ترغب في الحصول على مزيد من المساعدة أو لديك أي ملاحظات الرجاء التعليق أدناه. وسوف نكون سعداء لمعرفة كيف تربح من ادسنس حتى الآن، إذا كان لديك أي حيل أخرى للربح من ادسنس يرجي إعلامنا.

بعض الافكار منقولة

روح و ريحان

22:31

اقرأ المزيد

طريقة وضع كود أو نص داخل إطار مع زر تحديد الكل

السلام عليكم ورحمة الله تعالى وبركاته

اليوم مع اضافة جديدة وجد رائعة

أحيانا قد يتطلب أن نضيف كود طويل وهناك عدة طرق لفعل ذلك ولكن كنوع من التسهيل على القراء يمكن أن يتم إضافة الأكواد داخل إطار يسمح بتحديدها كلها ليسهل النسخ Text area With Select All والطريقة سهله وبسيطة فقط نتبع التالي

شرح التركيب
1- انتقل الى لوحة التحكم
2- القالب ثم تحرير html
لاتنسى أخد نسخة احتياطية من القالب
3- ابحت عن :

</head>

4- ثم ضع الكود التالي فوقه

<script type="text/javascript">
function selectAll()
{
document.form1.demo.focus();
document.form1.demo.select();
}
</script>

ثم عند كتابة موضوع نحول لوحة الكتابة من تأليف الى وضع HTML

ثم نضع الكود التالي

<form name="form1" >
<textarea cols="25" rows="10" name="demo">
أكتب هنا الكود او الكلمات التي تريد
</textarea>
</br>
<input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();">
</form>

على أن 10 = عدد الصفوف

و 25 = عدد عرض الأحرف

روح و ريحان

20:16

اقرأ المزيد

اضافة ساعة رقمية لمدونة بلوجر باكثر من شكل

السلام عليكم ورحمة الله وبركاته..

اليوم اقدم لكم طريقة اضافة ساعة رقمية لمدونة بلوجر باكثر من شكل حيث يبين الساعة كما في ساعة الكمبيوتر وهو يساعد علي معرفة الوقت لدي الزائر الذي يزور المدونة وسوف اقدم لكم بعض من ساعات الرقمية اليوم لكم وحيث تتميز بالشكل الرائع ما عليك الأ اتباع الشرح

الشرح
اولأ اذهب الي لوحة التحكم
1- ثم تخطيط
2- اضافة اداة
3- JavaScript/Html

الساعة الأولى

<embed 
src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-171.swf
 width=200 height=200 wmode=transparent 
type=application/x-shockwave-flash></embed>

الساعة الثانية

<embed 
src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-167.swf
 width=200 height=200 wmode=transparent 
type=application/x-shockwave-flash></embed>

الساعة الثالثة

<embed 
src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-152.swf
 width=200 height=200 wmode=transparent 
type=application/x-shockwave-flash></embed>

الساعة الرابعة

<embed 
src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-117.swf
 width=200 height=200 wmode=transparent 
type=application/x-shockwave-flash></embed>

أدعوا لي و لوالدي بالرحمة و المغفرة

ولجميع المسلمين

روح و ريحان

20:10

اقرأ المزيد

كود إضافة الروابط الأوتوماتيكية لتدوينات البلوجر

سنتعرف في درسنا اليوم على كيفية إضافة الروابط الأوتوماتيكية خاصة بتدويناتك على البلوجر عند نهاية كل موضوع، حيث يُعرض على شكل جدول أسفل كل تدوينة ويتضمن روابط المقال على شكل 3 صيغ : - رابط عادي URL،

- رابط خاص بـ HTML،

- رابط للمنتديات BBCode.

كيفية تركيب هذه الإضافة ؟

1- انتقل إلى لوحة التحكم القالب، ثم تحرير "HTML".
لا تنسى أخذ نسخة احتياطية من القالب
2- ابحت عن :

]]></b:skin>

3- ثم ضع الكود التالي فوقه

#table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin: 10px -12px;
    width: 580px;
    text-align: left;
    border-collapse: collapse;
   direction:ltr;
}
#table th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
   
 background: #b9c9fe 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRs9ba8Klrrn0MaHCrxT488SYr06veHVXCaZQESqJ94DWqMBKWg5WFebYlJVPWF_QxeiEhGretwoAIMDe1aGyAcpyQ6oPx2WQUfDbtDrH0dXwcu173tAUKRA23c7MnpRi8Q7J-wMrKpf5/s1600/gradhead.png')
 repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;

}
#table td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #4c4c4c;
    border-top: 1px solid #fff;
   
 background: #e8edff 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSbdvIFXAJaHJOeyL1315d1Qa6wOSZvnHWHenZrufziWrg9rmGjiM6GPkOwIz1cAfDkSX2Vd3XHqMYjp3yylbi3Cr0eO69qWM7Rtk_EI-4wf_NYJqH9oIp-6CV8dxdXPYtTe3w7CGYtd2/s1600/gradback.png')
 repeat-x;
}
#table tfoot tr td {
    background: #e8edff;
    font-size: 20px;
    color: #99c;
    text-align:center;
}
#table tbody tr:hover td {
   
 background: #d0dafd 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIsId8pVbr3vtuSVl2lirRPteYUUmpUAixOoRTXmdDGKOCg3BbHHovdayG2_20HVapMjnij7xlezTkBCM5EXVfMWQKhLhMp-9xS6g9SXvlD6G9Yz2UO_I1nN7jKwD4lOceUWwCwid8siFD/s1600/gradhover.png')
 repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}

4- ثم قم بالبحث عن الكود التالي:

<data:post.body/>

إن وجدته أكثر من مرة فالأخير هو المقصود
5- ثم ضع الكود التالي فوقه

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table id='table' summary='روابط الموضوع'>
  <tfoot>
    <tr>
      <td colspan='2'>روابط هذه التدوينة قابلة للنسخ واللصق</td>
    </tr>
  </tfoot>
<tr>
  <td>URL</td>
 
 <td><input expr:value='data:post.canonicalUrl' 
onclick='this.focus(); this.select();' readonly='readonly' style='width:
 560px;' type='text'/></td>
</tr><tr>
  <td>HTML</td>   
<td><input
 expr:value='&quot;&lt;a href=&amp;quot;&quot; + 
data:post.canonicalUrl + &quot;&amp;quot; 
title=&amp;quot;&quot; + data:post.title + 
&quot;&amp;quot;&gt;&quot; + data:post.title + 
&quot;&lt;/a&gt;&quot;' onclick='this.focus(); 
this.select();' readonly='readonly' style='width: 560px;' 
type='text'/></td>
</tr><tr>
  <td>BBCode</td>
 
 <td><input expr:value='&quot;[url=&quot; + 
data:post.canonicalUrl + &quot;]&quot; + data:post.title + 
&quot;[/url]&quot;' onclick='this.focus(); this.select();' 
readonly='readonly' style='width: 560px;' type='text'/></td>
</tr>
</table> </b:if>

يمكنك تغيير العبارة باللون الازرق الى عبارة تريدها
6- حفظ القالب. أتمنى أن تنال إعجابكم ولأي إستفسارالمرجو ترك تعليقاتكم

المصدر:مدونة ابويوسف http://youss10.blogspot.com/2014/09/blog-post_10.html#.VCDIObHiKM8#ixzz3E63zh9EW

روح و ريحان

03:12

اقرأ المزيد

كود أزرار المواقع الاجتماعية

كود أزرار المواقع الاجتماعية
لا يختلف اثنان على أهمية إضافة أزرار المواقع الاجتماعية
للمدونات و المنتديات نظرا للدور المهم الذي تلعبه في تفاعل
المتصفحين للمواضيع المنشورة و عليه اقدم اليكم هذه الاضافة

لمن يرغب فيها

شكل الازرارا كما هو مبين في الصورة

تابع الشرح للاضافة

وقم بالبحث ادخل للقالب html باستخدام (ctrl + f)

لاضافتها اسفل المواضيع
---------------------
اولا ابحث عن الكود التالى <data:post.body/>

ثم اضف بعد منه الكود التالى

</div><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-50ba4480791401d4"></script>

لاضافة المشاركات اعلى الموضوع

ابحث عن الكود التالى <div class='post-header-line-1'/>

ثم اضف قبله الكود المنشور أعلاه

قم بحفظ النموذج و مبروك عليك الاضافة

المصدر:شبكة ابويوسف http://merimiweb1.blogspot.com/2014/03/blog-post_4190.html#ixzz3E5rLGr00

روح و ريحان

02:21

اقرأ المزيد

كود زر الفايسبوك عبارة عن شاحنة تتحرك اسفل المدونة

شرح اضافة زر الفايسبوك عبارة عن شاحنة تتحرك اسفل المدونة

السلام عليكم ورحمة الله وبركاته

اضافة أدوات الفايسبوك

على المدونة تبقى من الاضافات المهمة لكل مدونة

1./سجل الدخول الى لوحة التحكم في مدونتك

2./اختر تخطيط

3./اضافة اداة اختر HTML/Javascript

ملاحظة
قم بتبديل التالي:

https://www.facebook.com/additions.blogger

برابط مدونتك على الفيس بوك او رابط لصفحة تريدها

ثم قم بنسخ الكود اسفله :

 <div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;">

<marquee><a href="https://www.facebook.com/additions.blogger" target="blank"> <abbr title="Follow us at Facebook"><img src="https://lh6.googleusercontent.com/-GkiFhqMMfJE/T9GGUsW6daI/AAAAAAAAADE/dTDsfOdWrJM/s69/I1.png"/> </abbr> </a> </marquee> </div>

المصدر:شبكة ابويوسف http://merimiweb1.blogspot.com/2014/03/blog-post_1007.html#ixzz3E5oC2mFq

روح و ريحان

02:09

اقرأ المزيد

كود إضافة أزرار النشر في مواقع الشبكات الإجتماعية أسفل كل تدوينة

هذه الإضإفة سوف تظهر لأي شخص أسفل كل موضوع كتبه ،
ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو :
الذهاب إلى لوحة تحكم مدونتك،
والضغط على قالب ، ثم تحرير html ،
ومتابعة ثم تضع علامة على توسيع قوالب عناصر واجهة المستخدم
وتضغط في مفاتيح جهازك على ctrl+f وتبحث عن هذا الكود:

<data:post.body/>

بعد أن تجده ، وقد تجد الكثير منه والمقصود هو الأخير تقوم بلصق هذا الكود بعده

<b:if cond='data:blog.pageType == "item"'>

<style>

.promote_post_bg {

height: 103px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoUo-fh_IEegzOhcfjy-SMN4HVz9L_igWsYtxujPqYebn4xgfzZO-2PmdoC3e2mR5TJsT-hfkbDvLO8nx08HgSiPKR5ec-sTl_Gx6xvF3mDqypWy9cyVd74HRvuHroSYL2Djltz_AhyphenhyphenVSB/s1600/chamelcool2.gif) 0 -7px no-repeat;

width: 500px;

margin-left: 65px;

}

.promote_twitter {

width: 130px;

height: 38px;

float: left;

margin: 0 39px 0 0;

padding: 65px 0 0 13px;

text-align: center;

}

.promote_facebook {

width: 115px;

height: 40px;

float: left;

margin: 0 39px 0 0;

padding: 63px 0 0 28px;

text-align: center;

}

.promote_google {

width: 65px;

height: 40px;

float: left;

margin: 0 39px 0 0;

padding: 65px 0 0 28px;

text-align: center;

}

</style>

<div class='promote_post_bg'>

<div class='promote_twitter'>

<a class='twitter-share-button' data-via='chamelcool' href='https://twitter.com/share'>Tweet</a>

<script>

!

function (d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (!d.getElementById(id)) {

js = d.createElement(s);

js.id = id;

js.src = "//platform.twitter.com/widgets.js";

fjs.parentNode.insertBefore(js, fjs);

}

}(document, "script", "twitter-wjs");

</script>

</div>

<div class='promote_facebook'>

<div>

<b:if cond='data:post.isFirstPost'>

<script>

(function (d) {

var js, id = 'facebook-jssdk';

if (d.getElementById(id)) {

return;

}

js = d.createElement('script');

js.id = id;

js.async = true;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

d.getElementsByTagName('head')[0].appendChild(js);

}(document));

</script>

</b:if>

<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>

</div>

</div>

<div class='promote_google'>

<script type='text/javascript'>

(function () {

var po = document.createElement('script');

po.type = 'text/javascript';

po.async = true;

po.src = 'https://apis.google.com/js/plusone.js';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(po, s);

})();

</script>

<g:plusone annotation='none' size='medium'/>

</div>

</div>

<p style='display:none;'> Sharing Widget by<a href='http://chamelcool.blogspot.com/'>chamelcool</a></p>

</b:if>

لمشاهدة الاضافة قبل اضافتها من هنا

المصدر:شبكة ابويوسف http://merimiweb1.blogspot.com/2014/04/blog-post_1.html#ixzz3E5ly1QUz

روح و ريحان

02:00

اقرأ المزيد

كود اضافة صفحة الفايسبوك على مدونتك

هذه الإضإفة سوف تظهر في موقعك ،
ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو :
الذهاب إلى لوحة تحكم مدونتك، -
اختر اضافة اداة
الصق الكود
قم بالحفظ
لا تنسى ان تغير ما كتب بالاحمر الى رابط صفحتك

الشكل الاول 1

الكود:

<center><style>.helperbloggerFB { width: 280px; height: 140px; border-radius: 3px; position: relative; background-color:#f4f4f4; padding:5px 10px 15px 0; } .helperbloggerFB, .helperbloggerFB:before, .helperbloggerFB:after { background: #f4f4f4; border: 1px solid #ccc; } .helperbloggerFB:before, .helperbloggerFB:after { content: ""; position: absolute; bottom: -3px; left: 2px; right: 2px; height: 1px; border-top: none; } .helperbloggerFB:after { left: 4px; right: 4px; bottom: -5px; box-shadow: 0 0 2px #ccc; } </style> <div class="helperbloggerFB"> <div style="height:155px;overflow:hidden"> <fb:like-box href="https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389" data-width="280" data-height="179" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 179px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwww.btsnts.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&colorscheme=light&header=false&height=179&href=https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389&locale=en_US&sdk=joey&show_faces=true&stream=false&width=300"></iframe></span></fb:like-box> </div> </div> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script></center>

الشكل الثاني 2

الكود:

<div dir="ltr" style="text-align: left;" trbidi="on">

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/sowarwadikrayat&width=292&colorscheme=light&show_faces =false&border_color&stream=false&header=false&height=62" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Verdana; font-size: 12px; height: 62px; line-height: 19px; overflow-x: hidden; overflow-y: hidden; text-align: -webkit-auto; width: 292px;"></iframe></div>

لمشاهدة الاضافة قبل ان تضيفها لمدونتك من هنا للمعاينة على الصفحة من هنا
الصق الكود بالمربع الازرق و سوف تظهر لك النتيجة
استبدل ما كتب بالاحمر برابط صفحتك

المصدر:شبكة ابويوسف http://merimiweb1.blogspot.com/2014/04/blog-post_853.html#ixzz3E5jJOWem

روح و ريحان

01:50

اقرأ المزيد

كود اضافة أداة التصويت على المواضيع من موقع likebtn

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة

شاهدنا في عدة مرات اضافات أداة التصويت على المواضيع باشكال مختلفة لتدوينات بلوجر من مواقع مختلفة.

الأن سنشاهد اضافة أخرى لكن هده المرة مع كود سهل ومبسط ولن يكلفك اي شيئ فقط نسخه ووضعه في المكان المناسب.

هده الاضافات تعطي جمالا للمدونة كما تبين للمؤلف رأي الزائر لمنشوره هل منشور يستحق التقدير ام العكس

كل هدا مع موقع likebtn الذي يعطي هد الاضافة الجيدة و الجميلة

مميزات الاضافة:
    - لا تحتاج لتطوير الاضافة - فقط انسخ شفرة الاضافة ولصقه في موقع كود HTML الخاص بك.
    - لايحتاج الزائر الى تسجيل الدخول في الشبكات الاجتماعية من أجل استخدام زر الاضافة.
    - LikeBtn يعطي زر"اعجبني" للصفحة كاملة، فضلا عن عناصر فردية على صفحة ويب.
    - بعد التصويت يمكن للزوار تقاسم ارتباط في الشبكات الاجتماعية: الفيسبوك، تويتر الخ .
    - يتم التحكم في المظهر من خلال CSS.
    - يمكنك الحصول على زر "سيئ" إلى جانب زر "أعجبني".
    - نصوص مخصصة، وعلامات.
    - تطبيق واجهة البرمجة API لمعرفة عدد التصويتات.
    - تغيير أعداد تصويتات "أعجبني" و "سيئ "من قبل المشرف.
    - يسمح بتغيير عنوان IP للتصويت.
    - عرض إحصاءات الاصوات للعناوين IP المكررة .
    - عرض الرسم البياني للاصوت .
    - يتم تحميل زر الإضافة بشكل غير متزامن ولايبطئ سرعة موقع الويب الخاص بك.

طريقة التطبيق

أدخل على الرابط التالي : من هنا

أولا:

اختر التصويت الذي تريد ان يظهر في مدونتك

اختر لون وشكل وعرض اداة التصويت والكتير من خلال Setting

تانيا:
     اختر لغة النص
     اختر نوعية الاداة
    اختر الطراز، العداد..........الخ من خلال Like Button code generator

روح و ريحان

01:04

اقرأ المزيد